<template>
	<div>
		<ul>
			<li v-for="info in infos" v-link="{'name': info.hash}">{{info.name}}</li>
		</ul>
	</div>
</template>
<script>
	export default {
		props: ['infos']
	}
</script>
<style scoped>
	ul {
		list-style: none;
		padding: 0 20px;
		margin: 20px 0px;
		border-top: 3px solid #26a2ff;
		border-bottom: 3px solid #26a2ff;
	}
	li {
		padding: 20px 0 20px 20px;
		background-color: #FFF;
		border-bottom: 1px solid #ccc;
	}
	li:last-child {
		border: none;
	}
</style>